{extend name="layouts@base" /}
{block name="head"}
<link rel="stylesheet" href="__STATIC__/mobile/default/css/generalize.css" />
<style>
	.page-bd{padding: 0.15rem;}
	.box{background: #fff;padding: 0.15rem;}
	.box .title{font-size: 0.2rem; margin-bottom: 0.06rem;width: 100%; overflow: hidden;}
	.box p{ font-size: 0.14rem; color: #666; }
	.box .content{ font-size: 0.18rem; color: #333; }
	
</style>
{/block}
{block name='pageType'}myCode{/block}
{block name="main" }
<div class="page-bd" id="app">
	<div class="box">
		<div class="title">{{info.title}}</div>
		<p>{{info.add_time}}</p>
		<div class="content" v-html="info.content"></div>
	</div>
	
</div>
{/block}

{block name="footer"}
<script type="text/javascript">
	new Vue({
    el: '#app',
    data: {
        info:[],
        id:$utils.query("id"),
    },
    mounted: function () {
        this.main();
    },
    methods: {
        main: function () {
            var _this = this;
            $http.post('/member/api.passport/noticedetail', {id:this.id}).then(function (res) {
            	console.log(res.data.data);
            	_this.info = res.data.data;
            });
        },
    }
});

</script>

{/block}